@charset "utf-8";

/* CSS Document */

/**
 * YUI Fonts CSS
 * Copyright (c) 2009, Yahoo! Inc. All rights reserved.
 * Code licensed under the BSD License:
 * http://developer.yahoo.net/yui/license.txt
 * version: 2.7.0
 * 
 * browser default CSS style Reset
 */


/* YUI Reset*/
html {
	color: #000;
	background: #FFF;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td 
{
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var, optgroup
{
	font-style: inherit;
	font-weight: inherit;
}
/* Deprecated */
b, small, i, tt, big, s, strike, u {
	text-decoration:none;
	font-family:inherit;
	font-size:inherit;
}

del,
ins {
	text-decoration: none;
}

li {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 
{
	font-size: 100%;
	font-weight: normal;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: baseline;
}

sub {
	vertical-align: baseline;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}

input, button, textarea, select, optgroup, option
{
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select 
{
	*font-size: 100%;
}

/* YUI Fonts */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


/*--------------------------------------------------
  Structure
--------------------------------------------------*/

html {background-color:#fff;}

body {
	background-color:#fff;
	color:#000;
	font-family:"ＭＳ Ｐゴシック","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,verdana,arial,clean,sans-serif;
}
/*---------------------------------------------------
  Hypertext
----------------------------------------------------*/
a {text-decoration:none;font-size:inherit;line-height:inherit}
a:link {color:#0080ff;}
a:visited {color:#0000ff;}
a:active,a:hover {color:#0066cc;}

/*- External Link -*/
a.external { margin:0 5px;}
/*--------------------------------------------------
  Text(Heading)
--------------------------------------------------*/
h1,h2{
	font-weight:bold;
	text-indent:-9898px;
}
h1.banner {
	position:absolute;
	top:30px;
	left:20px;
	width:120px;
	height:20px;
}
h1.banner a {
	display:block;
	width:120px;
	height:20px;
	background:url(images/logo.png) no-repeat left top;
}

h2 {
	position:absolute;
	background:url(images/hn_newpost.png) no-repeat left top;
	width:100px;
	height:16px;
	font-size:123.1%;
}

/*--------------------------------------------------
  Text(block)
--------------------------------------------------*/
address,
p {
	line-height:1.5;
}

address { 
	font-style:normal; 
	text-align:center; 
	line-height:33px;
	color:#a4a4a4;
	font-size:85%;
}
address a:link,
address a:visited{
	color:#a4a4a4;
}
p {
	font-size:93%;
}


/*-----------------------------------------------------
  Form,Fieldset
------------------------------------------------------*/
form,
fieldset {
	margin:10px 0;
}

fieldset {
}

legend {
	display:none
}

label{
}

input {}

textarea {}

select {}

option {}

input[type=radio],
input[type=checkbox] {
	margin-right:0.3em;
}

button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
	padding:1px;
}

/* Logout Button */
button#logout {
	width:63px;
	height:25px;
	padding:0;
	border:0;
	background:url(images/btn_logout.png) no-repeat left top;
	color:#fff;
	cursor:pointer;
	line-height:25px;
	font-family:Verdana,Tahoma, Geneva, sans-serif;
	font-size:85%;
}
button#logout:hover,
button#logout:focus {
	background-position:left -25px;
}
/* Save Button */
button#save {
	width:140px;
	height:28px;
	padding:0;
	border:0;
	background:url(images/btn_save.png) no-repeat left top;
	color:#fff;
	font-family:Verdana,Tahoma, Geneva, sans-serif;
	letter-spacing:1px;
	cursor:pointer;
}
button#save:hover,
button#save:focus {
	background-position:left -28px;
}
/*-----------------------------------------------------
   Rayouts
------------------------------------------------------*/

#container {
	width:600px;
	margin:0 auto;
}

#header {
	position:relative;
	height:80px;
	margin-bottom:15px;
	background:url(images/header_bg.png) no-repeat left top;
}

#main {}

#footer {
	height:33px;
	margin-top:15px;
	background:url(images/bg_footer.png) no-repeat left top;
}

/* メッセージ */
#message {
	border: 1px dotted #d4ac0a;
	padding: 3px;
	color: #d4ac0a;
	background-color:#FBFAD0;
	text-align:center;
	line-height:30px;
	display:none;
}

/* Ajax Loading */
p#loader {
	border:0;
	text-align:center;
	padding:20px 0;
}

/* Reload Button */

span#reload {
	display:block;
	width:51px;
	height:21px;
	background:url(images/btn_reload.png) no-repeat left top;
	text-align:center;
	line-height:21px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:85%;
	cursor:pointer;
}
span#reload:hover,
button#login:hover {
	background-position:left -21px;
	color:#39C
}

/* Login Button */
button#login {
	width:51px;
	height:21px;
	border:0;
	background:url(images/btn_reload.png) no-repeat left top;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:85%;
	cursor:pointer;
}

/* more button ber */

a#more {
	display:block;
	height:23px;
	background:url(images/bg_more.png) no-repeat left top;
	line-height:23px;
	text-align:center;
	color:#666;
}
a#more:hover {
	color:#09C;
	background-position:left -23px;
}
/* Header ---------------------*/

#header form {
	position:absolute;
	top:30px;
	right:20px;
	margin:0;
}

/* Post Area ------------------*/

#postarea {
	position:relative;
	margin:15px 0;
	padding:30px 0;
}

fieldset#postform {}

p.dateline {
	float:left;
	width:230px;
	margin-top:26px;
}

p.textarea {
	float:right;
	width:370px;
}

p.button {
	clear:both;
	text-align:right;
	padding-top:15px;
}

/* forms */
input#year {
	width:3em;
}
input#day,
input#hour,
input#min {
	width:1.5em;
}

p.textarea textarea {
	width:366px;
}

/* PageNavi */

#pageNavi {
	width:600px;
	margin:10px 0;
	text-align:right;
	font-family:Verdana, Geneva, sans-serif;
	font-size:85%;
}

#pageNavi a {
	margin:3px;
	padding:0 3px;
	border:solid 1px;
}

/* Log Area -------------------*/

#logarea {}

#logarea p {
	border-top: dashed 1px #ccc;
	padding:20px 0 0 0;
	margin:20px 0;
}
#logarea p span,
#logarea p strong {
	display:block;
}

/* Delete Button */
span.del {
	float:left;
	width:13px;
	height:13px;
	margin:2px 5px 0 0;
	background:url(images/btn_del.png) no-repeat left top;
	cursor:pointer;
	text-indent:-9898px;
}
/* Log Date */
span.date {
	float:left;
	width:120px;
}

/* Log Comment */
#logarea strong {
	margin-left:138px;
	font-weight:normal;
}

.nodata {
	padding:30px;
	text-align:center;
}
/* Login --------------------------*/

fieldset#login {
	text-align:center;
	width:300px;
	margin:50px auto;
	padding:5px;
	border: dotted 1px #ccc;
}

.error {
	color:#181710;
	background-color:#FBCBC4;
	border:solid 1px #f7a499;
	padding:1.5em 0;
	margin:1.5em 50px;
	text-align:center;
}

#loginpass {
}
#login legend {
	display:block;
}
#login form {
	margin:20px 0;
}
#login label {
	display:none;
}